@import url("reset.css") all;
@import url("cssMyFrame.css?v1") all;
@import url("http://www.scotiabank.com.pe/fonts/scotiabank.css");

@charset "utf-8";
/* CSS Document */

body {
	font-family: 'ScotiabankModernRegular'!important;
	font-size: 13px;
	color:#666;
}

.lazy {
  display: none;
}

h1 { font-size: 30px;}
h2 { font-size: 20px;}
h3 { font-size: 16px; margin-bottom: 10px;}
p { line-height: 130%; margin-bottom: 5px;}
strong { font-family: 'ScotiabankModernBold';}

#logo { float: left; margin: 10px 0; }
#header { z-index: 10;}


#top-menu { float: right; margin:22px 0px 5px 0;   } 
#top-menu li { float: left; padding-left: 5px; color: #EB1A24;   }
#top-menu li a { display: block; color: #EB1A24;  padding-right: 15px;  }
#top-menu .level2 { padding-left: 0; padding-top: 10px; display: none; }
#top-menu .level2 h3 { font-family: 'ScotiabankModernBold';}
#top-menu .cont { float: left; padding: 10px;  color: #93856C; background-color: #F4EEE6; width: 120px; }
#top-menu .cont .arrow { position: absolute; top: 5px; left: 50%; }
#top-menu .cont ol { float: left;}
#top-menu .cont ol li { margin-bottom: 5px; width: 100%;}
#top-menu .cont ol li a { padding-right: 0; color: #93856C; background: transparent url(../img/bullet.png) no-repeat left 5px; padding-left: 10px; }
#top-menu .cont ol li a:hover { color: #403736;}

#bottom-menu { float: right; margin-bottom: 5px;}
#bottom-menu li { float: left; padding-left: 5px; color: #9D9D9D; }
#bottom-menu li a { display: block; color: #9D9D9D; }

.banner_bottom {float: left;
    height: 112px;
    padding: 15px 0 10px 20px;
}

.banner_bottom h2 { font-size: 14px; font-family: 'ScotiabankModernBold'; margin-bottom: 5px; }
.red_arrow { background: transparent  url(../img/red_arrow.png) no-repeat 0 0; position:absolute; height: 10px; width: 10px; right:0; top:0; margin-top: 3px; margin-left: 5px;}

/* Menu Tarjetas */

#menu_tarjetas { height:110px; position:relative; }
#menu_tarjetas div.tarjeta { float:left; width:175px; height:110px; margin:0 5px; position:relative; overflow:hidden; }
#menu_tarjetas div.tarjeta img { position:absolute; top:50px; border:none; }
#menu_tarjetas div.alpha { margin-left:38px; }
#menu_tarjetas div.omega { margin-right:37px; }
#menu_tarjetas .sombra { width:100%; height:10px; position:absolute; bottom:0; background-image:url(../img/fondo_tarjetas.png); z-index:20; border:none; }

#menu_tarjetas .cont { position:absolute; top:110px; background-color:#EEF1F3; width:155px; padding:10px; display:none; z-index:20; box-shadow: -8px 8px 5px -5px #666; behavior:url("./path/PIE.htc");  }
#menu_tarjetas .cont .arrow { position:relative; top:-15px; left:75px; }
#menu_tarjetas .cont li { margin-bottom:10px; background: transparent url(../img/bullet_tarjetas.png) no-repeat left 5px; padding-left: 10px; }
#menu_tarjetas .cont a { color:#666; text-decoration:underline; }
#menu_tarjetas h3 { font-family:'ScotiabankModernBold'; }

/* Contenido */

#contenido p { margin:10px; }
#contenido #anuncio a, #contenido .cuadro a, #contenido .cuadro_int a { display: block; color: #EB1A24; text-decoration:none; margin-left:10px; }

#anuncio { height:236px; margin-bottom:10px; font-size:23px; }

#anuncio p { margin-top:50px; }

.cuadro {
	float:left;
	width:99%;
	height:160px;
	position:relative;
	border-style:solid;
	border-width:2px;
	border-color:#F0F0F0;
	-moz-border-radius: 0 15px 0 15px ;
    -webkit-border-radius: 0 15px 0 15px;
    -khtml-border-radius: 0 15px 0 15px;
    border-radius: 0 15px 0 15px;
	behavior:url("./path/PIE.htc");
 }
 
.cuadro img { margin:10px 0 0 10px; }

.cuadro_int {
	float:left;
	width:99%;
	height:86px;
	position:relative;
	border-style:solid;
	border-width:2px;
	border-color:#F0F0F0;
	-moz-border-radius: 0 15px 0 15px ;
    -webkit-border-radius: 0 15px 0 15px;
    -khtml-border-radius: 0 15px 0 15px;
    border-radius: 0 15px 0 15px;
	behavior:url("./path/PIE.htc");
 }
 
.cuadro_int img { margin:10px 0 0 10px; }
.cuadro h4 { color:#EB1A24; font-size:16px; font-family: 'ScotiabankModernBold'; margin:10px; }
.cuadro_int h4 { color:#EB1A24; font-size:16px; font-family: 'ScotiabankModernBold'; margin:10px; }

#slider { position: relative; float: left; height:236px; margin-bottom:10px; }
#slider .slidetabs { position: absolute; left: 10px; bottom: 10px; z-index: 5; }
#slider2 p { text-align:center; }
#slider2 .images img { position:absolute; bottom:-55px; }
#slider2 .images img.logo { right:10px; }

#contenido_2_desc { height:415px; font-size:18px; }
#contenido_2_desc a { border:none; }

/* Mirate */

#contenido_2 .slider { float:left; width:500px; height:235px; margin-right:10px; position:relative; }
#contenido_2 .slider img {
	border-style:solid;
	border-width:1px;
	border-color:transparent;
	-moz-border-radius: 0 15px 0 15px ;
    -webkit-border-radius: 0 15px 0 15px;
    -khtml-border-radius: 0 15px 0 15px;
    border-radius: 0 15px 0 15px;
	behavior:url("./path/PIE.htc");
}
#contenido_2 .slider .caption { 
	width:496px;
	height:73px;
	background-color:#630;
	position:absolute;
	bottom:0;
	color:#FFF;
	font-size:12px;
	opacity:0.8;
	filter:alpha(opacity=80);
	border-style:solid;
	border-width:1px;
	border-color:transparent;
	-moz-border-radius: 0  0 0 15px ;
    -webkit-border-radius: 0 0 0 15px;
    -khtml-border-radius: 0 0 0 15px;
    border-radius: 0 0 0 15px;
	behavior:url("./path/PIE.htc");
}

#contenido_2 .slider .caption p { margin:5px; }
#contenido_2 .slider .foto { 
	width:24px;
	height:24px;
	position:absolute;
	top:5px;
	left:5px;
	background-image:url(../img/galeria_iconos.png);
}
#contenido_2 .slider .video { 
	width:24px;
	height:24px;
	position:absolute;
	top:5px;
	left:34px;
	background-image:url(../img/galeria_iconos.png);
	background-position:-24px 0;
}

#contenido_2 .items { float:left; width:280px; height:235px; overflow:hidden; }
#contenido_2 .item { float:left; width:135px; height:112px; margin:0 10px 10px 0; }
#contenido_2 .item img {
	border-style:solid;
	border-width:1px;
	border-color:transparent;
	-moz-border-radius: 0 15px 0 15px ;
    -webkit-border-radius: 0 15px 0 15px;
    -khtml-border-radius: 0 15px 0 15px;
    border-radius: 0 15px 0 15px;
	behavior:url("./path/PIE.htc");	
}

/* Promociones */

#contenido_2 { height:272px; }
#contenido_2 .mes { float:left; width:56px; height:26px; margin-right:4px; text-align:center; line-height:25px; }
#contenido_2 .mes a { display:block; color:#666; font-family:"ScotiabankModernBold"; text-decoration:none; border-style:solid; border-width:2px; border-color:#F0F0F0; }
#contenido_2 .mes a:hover { color:#DC291E; border-color:#DC291E; }

#contenido_2 #contenido_3 { float:left; width:790px; height:235px; overflow:hidden; }
#contenido_2 .cuadro_dias { float:left; width:234px; height:90px; margin:0 10px 10px 0; padding:9px; border-style:solid; border-width:2px; border-color:#F0F0F0; position:relative; }
#contenido_2 .cuadro_dias h4 { color:#999; font-family:"ScotiabankModernBold"; } 
#contenido_2 .cuadro_dias p { margin:10px 0; }
#contenido_2 .cuadro_dias .icono { width:24px; height:32px; position:absolute; top:5px; right:5px; background-image:url(../img/iconos_cal.png); background-position:0 0; }
#contenido_2 .cuadro_dias .globo { background-position:-25px 0; }
#contenido_2 .cuadro_dias .parlante { background-position:-50px 0; }
#contenido_2 .cuadro_dias_imagen { float:left; width:234px; height:90px; margin:0 10px 10px 0; }
#contenido_2 .btn_scroll { float:left; margin-left:10px; width:10px; height:235px; }
#contenido_2 .btn_scroll a { display:block; width:10px; height:10px; margin-bottom:2px; background-image:url(../img/fondo_btnscroll.png); }
#contenido_2 .btn_scroll a:hover { background-position:0 -12px; }
#contenido_2 .btn_scroll a.active { background-position:0 -12px; }

#contenido_2 .omega { margin-right:0; }

/* Cuponera */

#contenido_2 .categ { float:left; width:110px; height:26px; margin-right:4px; text-align:center; line-height:25px; }
#contenido_2 .categ a { display:block; color:#666; font-family:"ScotiabankModernBold"; text-decoration:none; border-style:solid; border-width:2px; border-color:#F0F0F0;  }
#contenido_2 .categ a:hover { color:#DC291E; border-color:#DC291E; }

#contenido_2 .cuadro_cupones { float:left; width:233px; height:112px; margin:0 10px 10px 0; background-image:url(../img/bg_cupon.png); position:relative; text-align:center; }
#contenido_2 .detalle_cupon { 
	width:46px;
	height:46px;
	position:absolute;
	bottom:0;	
	border-style:solid;
	border-width:1px;
	border-color:transparent;
	-moz-border-radius: 0 15px 0 15px ;
	-webkit-border-radius: 0 15px 0 15px;
	-khtml-border-radius: 0 15px 0 15px;
    border-radius: 0 15px 0 15px;
	behavior:url("./path/PIE.htc");
}

#contenido_2 .detalle_cupon p { color:#FFF; font-family:"ScotiabankModernBold"; font-size:16px; line-height:25px; position:relative; left:-4px; }

#contenido_2 .cuadro_cupones img { margin-top:20px; }

/* */

.selec { border-color:#DC291E !important; }
.selec a { color:#DC291E !important; border-color:#DC291E !important; text-decoration:none; }
.selec .icono {	background-position:0 -33px !important; }
.selec .globo {	background-position:-25px -33px !important; }
.selec .parlante {	background-position:-50px -33px !important; }